<div class="section banner" style="background: url('/assets/img/index/contact_banner.png') no-repeat center center">
    <div style="height:10px;"></div>
    <h1 class="banner-title">ABOUT US</h1>
    <p class="banner-info">
        一家诚信做事、高求品质，寻求共赢的软件服务企业
    </p>
</div>
<div class="section gray">
    <div class="main-p-60" style="position: relative;">
        <div class="title">
            <p class="h1">关于我们</p>
            <p>做小程序，用{$site.name}</p>
        </div>
        <div class="about-info">
            <div class="across"></div>
            <em>{$site.name}</em>
            <p>河马云店为河马科技旗下微信小程序SAAS服务平台，“河马云店”致力于让传统餐饮及各行业企业快速实现移动互联网化，助力于传统企业整体运营效率提升，运营成本降低，用户使用满意度提高。河马云店融合了移动互联网、大数据分析、云存储服务、O20等前沿科技。传统门店进行“河马云店”后，用户的使用体验将大幅改善，满意度大幅提升！整体运营效率将大幅提升，运营成本明显降低！传统门店商户通过“河马云店”微信小程序，可以在收银系统实时显示所有门店的订单情况、所点产品、结算等情况。餐饮门店大量减少了服务员送菜单以及等待顾客选餐的时间浪费，也减少了服务员介绍菜品的时间，让新品和主推菜品可以标准化的展示给所用用餐客人，大大提高点餐和服务的效率，降低餐厅整体运营成本。</p>
            <div class="acrosss">
                <img src="/assets/img/index/acrss.png" alt="">
            </div>
            <p class="phone">
                客服热线：{$site.mobile}<br>
                地址：{$site.address}
            </p>
        </div>
        <img src="/assets/img/index/about-img1.jpg" class="about-img1">
        <div class="clearfix"></div>
    </div>
</div>
<div class="section">
    <div class="main-p-60" style="position: relative;">
        <div class="title">
            <p class="h1">我们的位置</p>
            <p>欢迎光临公司实地考察</p>
        </div>
        <div id="container" class="amap-container" style="position: relative; background: rgb(252, 249, 242);">
            <div class="amap-maps">
                <div class="amap-drags">
                    <div class="amap-layers" style="transform: translateZ(0px);">
                        <canvas class="amap-layer" width="1200" height="450" style="width: 1200px; height: 450px;"></canvas>
                        <div class="amap-markers">
                            <div class="amap-marker" style="top: 176px; left: 546px; z-index: 100; transform: rotate(0deg); transform-origin: 13px 30px; display: block;">
                                <div class="amap-icon" style="position: absolute; overflow: inherit; opacity: 1;">
                                    <img src="/assets/img/index/poi-marker-default.png" style="top: 0px; left: 0px;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="amap-overlays"></div>
                </div>
            </div>
            <div style="display: none;"></div>
            <div class="amap-controls"></div>
            <a class="amap-logo" href="http://gaode.com/" target="_blank" style="display: block;"><img src="/assets/img/index/logo@1x.png"></a>
            <div class="amap-copyright" style="display: none; visibility: visible;"> © 2020 AutoNavi <span class="amap-mcode">- GS(2018)1709号</span>
        </div>
    </div>
</div>
</div>
        
<script src="/assets/js/avalon.js"></script>
<script type="text/javascript" src="/assets/js/maps.js"></script>
<script type="text/javascript">
    var marker, map = new AMap.Map("container", {
        zoom:11,//级别
        viewMode:'3D',//使用3D视图
        resizeEnable: true,
        center: [117.207934,34.274073],//中心点坐标
        zoom: 13
    });
    // 实例化点标记
    function addMarker() {
        marker = new AMap.Marker({
            icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
            position: [117.207934,34.274073],
            offset: new AMap.Pixel(-13, -30)
        });
        marker.setMap(map);
    }
    addMarker();
</script>